<script setup lang="ts">
import LogoView from "@/components/sideBar/LogoView.vue"
import OnlineMusic from "@/components/sideBar/OnlineMusic.vue"
import MyMusic from "@/components/sideBar/MyMusic.vue"
import PlayList from "@/components/sideBar/PlayList.vue"
</script>

<template>
  <div class="sideBar">
  <LogoView />
  <OnlineMusic></OnlineMusic>
  <MyMusic></MyMusic>
  <PlayList></PlayList>
  </div>
</template>

<style scoped>
.sideBar{
  width: 210px;
  min-height: 100vh;
  background-color: #f0f0f0;
}
</style>